<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>div+css 快速入门</title>
    <style type="text/css">
    .div1{
        width:300px;
        height:300px;
        background-color: aqua;
        /*将文字居中*/
        text-align: center;
        /*文字上下居中*/
        line-height: 300px;
        font-size: 30px;
        font-family: 华文新魏;
        /*要控制div的位置，可以使用margin*/
        margin-left:300px;
        margin-top:300px;

    }
    </style>
</head>
<body>
<!--
这里我们先使用类选择器完成
<style type="text/css">
    .类选择器{
        属性名:属性值;
        width:300px;
        height:300px;
    }
</style>
-->
<div class="div1">
    太牛程序员
</div>
</body>
</html>